<template>
  <div class="notice-detail">
    <!--    标题-->
    <h1 v-html="detail.title"></h1>
    <!--    内容-->
    <div class="content" v-html="detail.content"></div>
  </div>

</template>
<!--通知详情页-->
<script>
  export default {
    name: 'noticeDetail',

    data () {
      return {
        detail: ''
      }
    },

    mounted () {
      this.detail = this.$route.params
    }
  }
</script>

<style scoped lang="scss">
  .notice-detail {
    padding: 16px;
    height: 100%;
    overflow-y: scroll ;

    h1 {
      font-size: 20px;
      font-family: PingFangSC-Regular;
      font-weight: bold;
      color: $theme-black;
      line-height: 28px;
      margin-bottom: 16px;
    }

    >>> .content{
      img{
        width: 100%;
      }
    }

  }

</style>
